<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>zhenghuanle's blog</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<script>
    function isMobile(){
        var ua = navigator.userAgent.toLowerCase();
        var StringPhoneReg = "\\b(ip(hone|od)|android|opera m(ob|in)i"
    + "|windows (phone|ce)|blackberry"
    + "|s(ymbian|eries60|amsung)|p(laybook|alm|rofile/midp"
    + "|laystation portable)|nokia|fennec|htc[-_]"
    + "|mobile|up.browser|[1-4][0-9]{2}x[1-4][0-9]{2})\\b";
        var StringTableReg = "\\b(ipad|tablet|(Nexus 7)|up.browser"
    + "|[1-4][0-9]{2}x[1-4][0-9]{2})\\b";

    var isIphone = ua.match(StringPhoneReg),
        isTable = ua.match(StringTableReg),
        isMobile = isIphone || isTable;

        if(isMobile) {
            window.location.href="m.index.html";
        }else {
            // window.location.href="index.html";
        }
    }
    isMobile();
</script>
    <div class="content">
        <header>
            <div class="logo">
                HUAN
            </div>
            <nav>
                <ul>
                    <li><a class="hover" href="">首页</a></li>
                    <li><a href="">关于</a></li>
                    <li><a href="works.html">作品</a></li>
                    <li><a href="">联系</a></li>
                </ul>
            </nav>
            <div class="wechat" id="wechat">
                <i><img src="images/dribbble-circle-fill@2x.png" title="主页" alt=""></i>
                <i><img id="weixinShow" src="images/weixin-copy@2x.png" title="" alt=""></i>
                <img id="weixinImg" src="images/weixinShow.jpg" alt="">
            </div>
        </header>
        <div class="banner">
            <div class="banner-main1 clearfix">
                <div class="banner-text">
                    <h2>Heelo</h2>
                    <h2>DESIGNER</h2>
                    <hr>
                    <p><span>姓名：</span>郑欢乐</p>
                    <p><span>年龄：</span>25岁</p>
                    <p><span>爱好：</span>绘画、摄影、旅行</p>
                    <p><span>格言：</span>越努力、越幸运</p>
                    
                </div>
                <div class="banner-img">
                    <img id="bannerImg" src="images/chatu1.png" alt="" style="height:583px;">
                </div>
            </div>
            <div class="banner-main2 clearfix">
                <div class="banner-img">
                    <img id="bannerImg" src="images/chatu2.png" alt="" style="height:583px;">
                </div>
                <div class="banner-text">
                    <h2>阳光、快乐、健康</h2>
                    <!-- <h2>DESIGNER2</h2>
                    <hr>
                    <p><span>姓名：</span>郑欢乐</p>
                    <p><span>年龄：</span>25岁</p>
                    <p><span>爱好：</span>绘画、摄影、旅行</p>
                    <p><span>格言：</span>越努力、越幸运</p>
                     -->
                </div>
            </div>
            <div class="banner-li">
                <i style="background: #ff9985;"></i>
                &nbsp;
                &nbsp;
                <i></i>
            </div>
        </div>
    </div>    
    <div class="can">
        <div class="content">
            <div class="can-main clearfix">
                <div class="can-main-left">
                        <h2>WHAT CAN I DO?</h2>
                        <h3>我能做什么</h3>
                </div>
                <ul class="can-main-right">
                    <li>
                        <img src="images/websheji.png" alt="">
                        <p>web设计</p>
                    </li>
                    <li>
                        <img src="images/appsheji.png" alt="">
                        <p>App设计</p>
                    </li>
                    <li>
                        <img src="images/qingmiansheji.png" alt="">
                        <p>平面设计</p>
                    </li>
                    <li>
                        <img src="images/qinpaisheji.png" alt="">
                        <p>品牌设计</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="resume-top">
        <img src="images/bg-2.png" alt="">
    </div>
    <div class="content">
        <div class="resume">
            <div class="up">
                <img src="images/down.png" alt="">
                <h2>My Resume</h2>
                <h3>专注APP \网页设计、平面设计以及品牌</h3>
            </div>
            <div class="resume-text">
                <div class="text-auto">
                    <div class="img-text">
                        <p>2018.01</p>
                        <p> - </p>
                        <p>至今</p>
                    </div>
                    <div class="img-line"></div>
                    <div class="img-text">
                        <p>2017.05</p>
                        <p> - </p>
                        <p>2018.11</p>
                    </div>
                    <div class="img-line"></div>
                    <div class="img-text">
                        <p>2017.05</p>
                        <p> - </p>
                        <p>2018.11</p>
                    </div>
                </div>
                <div class="experience experience1">
                    <h4>北京清软时代科技有限公司</h4>
                    <span>UI设计师、平面设计师</span>
                    <p>
                        公司的网站后台及前端的全部设计以及周期性的修改和维护.亲自参与核心产品的设计工作，对产品结构，流程功能，界面，用户体验，交互功能等进行研究，配合研发团队完成整个界面设计工作。 负责企业画册设计、标志设计、产品包装设计、杂志广告设计、户外广告等 公司网站手机端页面设计等
                    </p>
                </div>
                <div class="experience experience2">
                    <h4>百度(在线)科技有限公司 </h4>
                    <span>UI设计师、网站设计(实习</span>
                    <p>
                        负责手机APP项目研发 , 前期和产品经理制定产品整体架构，包括界面交互与流程，根据可用性分析结果制定交互方式，操作与跳轩流程、结构、布局、和其它元素然后是产品原型图设计。其次是整个Ｕ界面的设计，完成后切图标注，与前端程序员和开发师做进一步沟通 页面设计、切图、排版html页面制作，现有网站的改版更新。 负责对网页的风格、色彩、布局设计工作，图片美化处理
                    </p>
                </div>
                <div class="experience experience3">
                    <h4>教育经历 </h4>
                    <!-- <span>UI设计师</span> -->
                    <p>
                        负责手机APP项目研发 , 前期和产品经理制定产品整体架构，包括界面交互与流程，根据可用性分析结果制定交互方式，操作与跳轩流程、结构、布局、和其它元素然后是产品原型图设计。
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="contact">
        <div class="contact-main">
            <div class="contact1">
                <div class="contact1-main clearfix">
                    <img src="images/weixin-2.png" alt="">
                    <div class="contact1-text">
                        <p>微信</p>
                        <p>/WeChat</p>
                        <p>18235168241</p>
                    </div>
                </div>
            </div>
            <div class="contact1">
                <div class="contact1-main clearfix">
                    <img src="images/mail.png" alt="">
                    <div class="contact1-text">
                        <p>电子邮箱</p>
                        <p>/E-mail</p>
                        <p>821383648@qq.com</p>
                    </div>
                </div>
            </div>
            <div class="contact1">
                <div class="contact1-main clearfix">
                    <img src="images/qq.png" alt="">
                    <div class="contact1-text">
                        <p>QQ号</p>
                        <p>/QQ number</p>
                        <p>821383648</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <p>zhenghuanle@2017-2018</p>
    </div>
<script src="js/index.js"></script>    
</body>
</html>